<template>
    <div class="collect" :class="{isCollect:isCollect}"></div>
</template>

<script>
    export default {
        name: "collect",
        props:{
          isCollect:{
            type:Boolean,
            default(){
              return false
            }
          }
        },
        created() {
        }
    }
</script>

<style scoped lang="stylus">
  .collect
    height 100%
    width 100%
    background url("icon_nocollect.svg")no-repeat center center/100% 100%
    &.isCollect
      background url("icon_collect.svg")no-repeat center center/100% 100%
</style>
